<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
    <style type="text/css">


        #contents {
            min-height: 550px;
         /*   background: lightsalmon;*/
        }


        .contentsHeader {
            padding-top:40px;
        }

        .log {
            font-size:300%;
            font-weight:bold;
        }

        .wel {
            font-size:110%;
        }

        .loginContents {
            /*border:1px solid black;*/
            width:550px;
            height:250px;
            margin:100px 220px;
        }

        #loginfrm {
            border-top:2px solid #1C81BC;
            background:lightgoldenrodyellow;
            text-align: center;
        }
        #loginfrm input{
            height:40px;
            width:400px;
            margin-top:20px;
            margin-bottom:10px;
            font-size:100%;
            font-family:"나눔바른고딕";

        }
        #loginfrm button{
            top:150px;
            left:72px;
            width:400px;
            height:40px;
            color:white;
            background: #1C81BC;
            font-size:120%;
            font-weight:bold;
            font-family:"나눔바른고딕";
        }

        .pwd {
            margin-top:-20px;
        }

        .logininfo {
            margin-top: 10px;
        }

    </style>

<!-- contents -->
<div id="contents" class="row">
   <div class="login">
       <div class="contentsHeader">
           <span class="log">로그인</span>
           <span class="wel">&nbsp;&nbsp;&nbsp;SING에 오신 것을 환영합니다.</span>
       </div>

    <div class="loginContents">
        <form method="post" id="loginfrm" name="loginfrm">
            <div class="id">
                <input type="text" placeholder="아이디입력" class="span5" id="userid"/>
            </div>
            <div class="pwd">
                <input type="password" placeholder="비밀번호입력" id="passwd"/>
            </div>
            <div>
                <button type="button" id="loginBtn"><span>로그인</span></button>
            </div>
            <p class="logininfo">SING을 처음 방문한 경우 회원가입을 먼저 진행해 주시기 바랍니다.</p>
            <ul class="inline">
                <li><a href="#">아이디 찾기</a> ＊ <a href="#">비번 찾기</a>
                </li>
                <li><a href="#">회원가입</a></li>
            </ul>
        </form>
    </div>
   </div>
</div>